<template>
   
	<view class="bgBlue">
		<view class="headformation flex-between">
			<view class="flex" @click="improveInformationFn()">
				<!-- <image class="avater" src="../../static/会员卡管理端/组合 519.png" mode=""></image> -->
				<view style="margin-left: 10rpx; " class="flex-column-start">
					<view style="color: #fff;font-size: 32rpx;margin-bottom: 8rpx;">
						{{merchantInformation.name}}
					</view>
					<view style="color: rgb(255, 255, 255);">
						<text>账号：{{merchantInformation.phone}}</text>
					</view>
				</view>
			</view>
		
		</view>
		
		<!-- 收款码 -->
		
		<view class="paymentCode ">
			 <view class="flex" style="color: rgb(1, 145, 255);font-size: 44rpx;font-weight: 600;">
			 	聚合收款码
			 </view>
			 <view class="flex" style="font-size: 32rpx;margin-top: 20rpx;">
			 	请使用扫一扫完成付款
			 </view>
			<view class="flex" style="margin-top: 60rpx;">
				<uqrcode  ref="qrcode" canvas-id="qrcode" :value="url" size="200"></uqrcode>
				  <template v-slot:loading>
				    <text style="color: green;">loading...</text>
				  </template>
				</uqrcode>
			</view>
			<view class="productIntroduction flex">
				<text class="line"></text>
				<text class="line"></text>
				<text style="padding: 0 20rpx;;font-size: 32rpx;">支持以下收款方式</text>
				<text class="line"></text>
				<text class="line"></text>
			</view>
			
			<view class="flex-around" style="margin-top:25rpx">
				<!-- 微信 -->
				<view class="flex-column"  style="margin-left:50rpx">
					<image class="wxIcon" src="../../static/会员卡后台端/组合 1140.png" mode=""></image>
					<view class="">
						微信
					</view>
				</view>
				<!-- 支付宝 -->
				<view class="flex-column"  style="margin-right:50rpx">
					<image class="wxIcon" src="../../static/会员卡后台端/组合 1141.png" mode=""></image>
					<view class="">
						支付宝
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {

		},
		
		data() {
			return {
					store_id: uni.getStorageSync('login').store_id,
					merchantInformation: uni.getStorageSync('login'),
					url:''
			}
		},
		onload(){
			// this.url=window.location?.origin+'/H5/gongzhManagement.html#/pages/storePaymentCode/paymentCodePayPage?store_id=' + this.store_id
				// this.url='http://shipst.weijuyunke.com/H5/gongzhManagement.html#/pages/storePaymentCode/paymentCodePayPage?store_id=' + this.store_id
			this.url='http://ship.weijuyunke.com/H5/gongzhManagement.html#/pages/storePaymentCode/paymentCodePayPage?store_id=' + this.store_id
		},
		onShow(){
			this.url='http://ship.weijuyunke.com/H5/gongzhManagement.html#/pages/storePaymentCode/paymentCodePayPage?store_id=' + this.store_id
			// http://shipst.weijuyunke.com/
			// this.url='http://shipst.weijuyunke.com/H5/gongzhManagement.html#/pages/storePaymentCode/paymentCodePayPage?store_id=' + this.store_id
			// this.url=window.location?.origin+'/H5/gongzhManagement.html#/pages/storePaymentCode/paymentCodePayPage?store_id=' + this.store_id
		},
		methods:{
			
		}
	}
	
</script>

<style lang="less" scoped>
	.bgBlue {
		height: 100vh;
		background-color: #0191ff;
		padding: 60rpx 30rpx;
		.headformation{
			
		}
		.paymentCode{
			margin-top: 60rpx;
			width: 678rpx;
			height: 950rpx;
			border-radius: 20rpx;
			
			background: rgb(255, 255, 255);
			padding: 34rpx;
			.productIntroduction {
				margin-top: 50rpx;
				padding: 25rpx 0;
			    color: rgb(0, 0, 0);
				.line {
					width:20rpx;
					
				
					border: 0.1rpx solid rgb(0, 0, 0);
				}
			}
			.wxIcon{
				width: 57.6rpx;
				height: 57.6rpx;
			}
		}
	}
</style>